<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/shop_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./shop_order.css">

    <style>
      html,body {
        background-color: transparent;
      }
    </style>

    <title>订单与收入</title>
</head>

<body>
    <div class="container top-container" v-cloak>

      <div class="aui-searchbar" id="search">
		    <div class="aui-searchbar-input aui-border-radius">
		        <i class="aui-iconfont aui-icon-search"></i>
		        <!-- <form action="javascript:search();"> -->
            <form action="javascript:;" class="form_">
		            <input type="search" placeholder="商品|订单号|手机号|姓名|物流单号" id="search-input" @search="openSearch">
		        </form>
		    </div>
  		</div>

    	<ul class="shop_order_complete">
    		<li :class="activeUpIndex == 0 ? 'active' : ''" @click="upOrderTab(0)">
    			<span>进行中</span>
    		</li>
    		<li :class="activeUpIndex == 1 ? 'active' : ''" @click="upOrderTab(1)">
    			<span>已完成</span>
    		</li>
    		<li :class="activeUpIndex == 2 ? 'active' : ''" @click="upOrderTab(2)">
    			<span>已关闭</span>
    		</li>
        <li :class="activeUpIndex == 3 ? 'active' : ''" @click="upOrderTab(3)">
    			<span>已退款/退货</span>
    		</li>
    	</ul>
    	<ul class="shop_order_await">
    		<li :class="activeIndex == 0 ? 'active' : ''" @click="orderTab(0)">
    			<b> <span v-html="orderNumber.unpay_num"></span> </b>
    			<p>待付款</p>
    		</li>
    		<li :class="activeIndex == 1 ? 'active' : ''" @click="orderTab(1)">
    			<b> <span v-html="orderNumber.pay_num"></span> </b>
    			<p>待发货</p>
    		</li>
    		<li :class="activeIndex == 2 ? 'active' : ''" @click="orderTab(2)">
    			<b> <span v-html="orderNumber.express_num"></span> </b>
    			<p>已发货</p>
    		</li>
    		<li :class="activeIndex == 3 ? 'active' : ''" @click="orderTab(3)">
    			<b> <span v-html="orderNumber.refund_num"></span> </b>
    			<p>退款/售后</p>
    		</li>
    	</ul>
      <ul class="shop_order_finish" data-index="-1">
    		<li :class="activeIndex == 4 ? 'active' : ''" @click="orderTab(4)">
    			<b> <span v-html="orderNumber.comment_num"></span> </b>
    			<p>待评价</p>
    		</li>
    		<li :class="activeIndex == 5 ? 'active' : ''" @click="orderTab(5)">
    			<b> <span v-html="orderNumber.finish_num"></span> </b>
    			<p>已评价</p>
    		</li>
    	</ul>



    </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./shopOrderHead.js"></script>
</html>
